<template>
  <div class="h-100">
    <!-- 1111 -->
    <my-header />
    <world-development-level v-if="fullPath == '/government-decision-making'" />
    <div v-if="isMain" />
    <router-view v-else class="h87" />
  </div>
</template>

<script>
import MyHeader from '@/views/component/MyHeader2.vue'
// import WorldDevelopmentLevel from './world-development-level.vue'
import WorldDevelopmentLevel from './test.vue'

export default {
  name: 'GovernmentDecisionMaking',
  components: {
    MyHeader,
    WorldDevelopmentLevel
  },
  data() {
    return {
      fullPath: ''
    }
  },
  watch: {
    $route: {
      handler: function (val, oldVal) {
        this.fullPath = val.fullPath
      }
    }
  },
  computed: {
    isMain() {
      return this.$route.name === 'government-decision-making'
    }
  },
  mounted() {
    this.fullPath = this.$route.fullPath
  },
  methods: {}
}
</script>
<style lang="scss" scoped>
.h87 {
  margin-top: 2vh;
  height: 87vh;
  padding: 0 1%;
  box-sizing: border-box;
}
</style>
